<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, height=device-height, user-scalable=no, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0">
<meta name="format-detection" content="telephone=no">
<title>LayIM 移动版</title>

<link rel="stylesheet" href="../dist/css/layui.mobile.css">

</head>
<body>
<script src="../dist/layui.js"></script>
<script src="/js/yangyu_cookie.js"></script>
<script src="/js/tiows.js"></script>
<script src="layimHandler.js"></script>
<script src="im.js"></script>
<script src="/js/common/jquery-1.9.1.min.js"></script>
<script>

    /*$.get('getusers',  function(str){
        var json =eval("("+str+")")
        data = json.data;
    }*/
var initdata;




    initWs("5de478a04e394c5cdb47f220");
layui.config({
  version: true
}).use('mobile', function(){
  var mobile = layui.mobile
  ,layim = mobile.layim
  ,layer = mobile.layer;

  //演示自动回复
  var autoReplay = [
    '您好，我现在有事不在，一会再和您联系。',
    '你没发错吧？face[微笑] ',
    '洗澡中，请勿打扰，偷窥请购票，个体四十，团体八折，订票电话：一般人我不告诉他！face[哈哈] ',
    '你好，我是主人的美女秘书，有什么事就跟我说吧，等他回来我会转告他的。face[心] face[心] face[心] ',
    'face[威武] face[威武] face[威武] face[威武] ',
    '<（@￣︶￣@）>',
    '你要和我说话？你真的要和我说话？你确定自己想说吗？你一定非说不可吗？那你说吧，这是自动回复。',
    'face[黑线]  你慢慢说，别急……',
    '(*^__^*) face[嘻嘻] ，是贤心吗？'
  ];
    var pagetype = 2;
    $.ajax({
        url:"/getUserInfoList/"+pagetype,     //请求的url地址
        dataType:"json",                    //返回格式为json
        // async:true,                         //请求是否异步，默认为异步，这也是ajax重要特性
        // data:{"id":"value"},                //参数值
        type:"POST",                        //请求方式
        beforeSend:function(){
            //请求前的处理
        },
        success:function(req){
            initdata = req;
            console.log(initdata);
            //请求成功时处理
            layim.config({
                //上传图片接口
                uploadImage: {
                    url: '/upload/image' //（返回的数据格式见下文）
                    ,type: '' //默认post
                }

                //上传文件接口
                ,uploadFile: {
                    url: '/upload/file' //（返回的数据格式见下文）
                    ,type: '' //默认post
                }

                //,brief: true
                ,init:initdata

                //扩展聊天面板工具栏
                ,tool: [{
                    alias: 'code'
                    ,title: '代码'
                    ,iconUnicode: '&#xe64e;'
                }]

                //扩展更多列表
                ,moreList: [{
                    alias: 'find'
                    ,title: '发现'
                    ,iconUnicode: '&#xe628;' //图标字体的unicode，可不填
                    ,iconClass: '' //图标字体的class类名
                },{
                    alias: 'share'
                    ,title: '分享与邀请'
                    ,iconUnicode: '&#xe641;' //图标字体的unicode，可不填
                    ,iconClass: '' //图标字体的class类名
                }]

                //,tabIndex: 1 //用户设定初始打开的Tab项下标
                //,isNewFriend: false //是否开启“新的朋友”
                ,isgroup: true //是否开启“群聊”
                //,chatTitleColor: '#c00' //顶部Bar颜色
                //,title: 'LayIM' //应用名，默认：我的IM
            });
        },
        complete:function(){
            //请求完成的处理
        },
        error:function(){
            //请求出错处理
        }
    });
//创建一个会话
    /*
    layim.chat({
      id: 111111
      ,name: '许闲心'
      ,type: 'kefu' //friend、group等字符，如果是group，则创建的是群聊
      ,avatar: 'http://tp1.sinaimg.cn/1571889140/180/40030060651/1'
    });
    */


    //监听点击“新的朋友”
    layim.on('newFriend', function(){
        layim.panel({
            title: '新的朋友' //标题
            ,tpl: '<div style="padding: 10px;">自定义模版，{{d.data.test}}</div>' //模版
            ,data: { //数据
                test: '么么哒'
            }
        });
    });

    //查看聊天信息
    layim.on('detail', function(data){
        //console.log(data); //获取当前会话对象
        layim.panel({
            title: data.name + ' 聊天信息' //标题
            ,tpl: '<div style="padding: 10px;">自定义模版，<a href="http://www.layui.com/doc/modules/layim_mobile.html#ondetail" target="_blank">参考文档</a></div>' //模版
            ,data: { //数据
                test: '么么哒'
            }
        });
    });

    //监听点击更多列表
    layim.on('moreList', function(obj){
        switch(obj.alias){
            case 'find':
                layer.msg('自定义发现动作');

                //模拟标记“发现新动态”为已读
                layim.showNew('More', false);
                layim.showNew('find', false);
                break;
            case 'share':
                layim.panel({
                    title: '邀请好友' //标题
                    ,tpl: '<div style="padding: 10px;">自定义模版，{{d.data.test}}</div>' //模版
                    ,data: { //数据
                        test: '么么哒'
                    }
                });
                break;
        }
    });

    //监听返回
    layim.on('back', function(){
        //如果你只是弹出一个会话界面（不显示主面板），那么可通过监听返回，跳转到上一页面，如：history.back();
    });

    //监听自定义工具栏点击，以添加代码为例
    layim.on('tool(code)', function(insert, send){
        insert('[pre class=layui-code]123[/pre]'); //将内容插入到编辑器
        send();
    });

    //监听发送消息
    layim.on('sendMessage', function(data){
        var To = data.to;
        var I = data.mine;
        //console.log(data);
        var msgType;
        if(To.type === 'friend' || To.type === 'kefu'){
            layim.setChatStatus('<span style="color:#FF5722;">对方还未读。。。</span>');
            msgType = 1;
        }else{
            msgType = 2;
            To.avatar = I.avatar;
            To.name = I.username;
        }
        var json = {
            "userId": I.id,
            "id": To.id,
            "data": I.content,
            "type": msgType,
            "ustype": To.type,
            "avatar": To.avatar,
            "username": To.name
        };
        sendMsg(JSON.stringify(json));

    });

    //模拟收到一条好友消息
    /* setTimeout(function(){
       layim.getMessage({
         username: "贤心"
         ,avatar: "http://tp1.sinaimg.cn/1571889140/180/40030060651/1"
         ,id: "100001"
         ,type: "friend"
         ,cid: Math.random()*100000|0 //模拟消息id，会赋值在li的data-cid上，以便完成一些消息的操作（如撤回），可不填
         ,content: "嗨，欢迎体验LayIM。演示标记："+ new Date().getTime()
       });
     }, 3000);*/

    //监听查看更多记录
    layim.on('chatlog', function(data, ul){
        console.log(data);
        layim.panel({
            title: '与 '+ data.name +' 的聊天记录' //标题
            ,tpl: '<div style="padding: 10px;">这里是模版，{{d.data.test}}</div>' //模版
            ,data: { //数据
                test: 'Hello'
            }
        });
    });

    //模拟"更多"有新动态
    layim.showNew('More', true);
    layim.showNew('find', true);
    function getMobileMsg() {

    };
});


</script>
</body>
</html>
